<%@ include file="/lib/header.jsp"%>
<div style="width:100%; height: 100%; z-index: 100">
    <div style="top: 20%; position: relative;">
        <center>
        	<img src="images/spacer_login.png" width="16" height="16" border="0" id="loginLoader"><br><br>
            <table style="border: 1px solid #808080; padding: 5px; width: 580px; height: 280px; background-color: #FFFFFF;" class="sytle_Effect_Box_Shadow">
                <tr>
                    <td align="left" colspan="5" class="style_Text_Login_Title">
                        &nbsp;
                        <script language="javascript">
                            document.write(document.title);
                        </script>
                    </td>
                </tr>
                <tr>
                    <td align="left" colspan="2" class="style_Text_Login_Form_Title">
                        <%= propriete.getProperty("LOGIN_USERNAME") %><br>
                        <input type="text" class="style_INPUTBOX_Login" name="tpc_username" id="tpc_username" onkeypress="submitOnEnter()">
                    </td>
                    <td width="100">&nbsp;</td>
                    <td rowspan="2"><img src="images/LoginLock.png" WIDTH="64" HEIGHT="64"></td>
                    <td width="100">&nbsp;</td>
                </tr>
                <tr>
                    <td align="left" colspan="2" class="style_Text_Login_Form_Title">
                        <%= propriete.getProperty("LOGIN_PASSWORD") %><br>
                        <input type="password" class="style_INPUTBOX_Login" name="tpc_password" id="tpc_password" onkeypress="submitOnEnter()">
                    </td>
                    <td width="100">&nbsp;</td>
                    <td width="100">&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="5" height="0" id="tpc_warning"></td>
                </tr>
                <tr>
                    <td valign="top">
                        &nbsp;
                    </td>
                    <td align="right" valign="top" >
                        <div style="-moz-border-radius: 5px; border-radius: 5px; box-shadow: 5px 5px 5px #CCC;background-color: #0075CE; text-align: center; width: 120px; height: 29px;">
                            <table style="width: 120px; height: 29px; padding: 0px"><tr><td align="center" style="font-family: verdana; color: #FFFFFF; font-weight: bold" onClick="javascript:validateLogin()">
                            <%= propriete.getProperty("LOGIN_CONNEXION") %>
                            </td></tr></table>
                        </div>
                    </td>
                    <td colspan="3">&nbsp;</td>
                </tr>
            </table>
            <br>
            <a href="http://tpctechnologies.net" TARGET="tpc_corpo"><img src="images/logoTPC.png" border="0"></a><br>
            <span style="font-family: calibri,arial,verdana;font-size: 10pt; color: #808080">www.tpctechnologies.net | info@tpctechnologies.net | 514-312-4574</span>
        </center>
    </div>
</div>
<script>
    document.getElementById("tpc_username").focus();
</script>
<input type="hidden" id="clickedOn" value="no">
<%@ include file="/lib/footer.jsp"%>